* {
  margin: 0px;
  padding: 0px;
}

li {
  list-style: none;
}

.top {
  display: flex;
  background: #333333;
  width: 100%;
  height: 40px;
  float: left;
  color: white;
}

.top ul {
  display: flex;
  line-height: 40px;
}

.top ul li {
  margin-left: 30px;
}

.top .you {
  margin-left: 110px;
  display: flex;
}

.top .gwc {
  margin-left: 30px;
  width: 110px;
  background: #424242;
  border: 0px;
  color: white;
}

.hanglog {
  width: 100%;
  display: flex;
  height: 100px;
}

.hanglog img {
  margin-top: 20px;
  width: 60px;
  height: 60px;
  margin-left: 60px;
  margin-right: 180px;
}

.hanglog ul {
  display: flex;
  line-height: 100px;
}

.hanglog li {
  margin-left: 40px;
}

.hanglog input {
  width: 240px;
  height: 40px;
  margin-left: 150px;
  margin-top: 30px;
  border: 1px solid #ededed;
}

.hanglog .ss {
  width: 50px;
  height: 42px;
  border: 1px solid #ededed;
  background: white;
  margin-top: 30px;
}

.hlog {
  width: 100%;
  height: 350px;
  margin-left: 60px;
}

.li {
  float: left;
  background: #9fa0a3;
  margin-top: 2px;
  width: 300px;
  height: 100%;
}

.li .shu {
  margin-left: 30px;
}

.li .shu li {
  margin-top: 12px;
  color: white;
}

#slideshow {
  width: 1130px;
  height: 352px;
  overflow: hidden;
}
#imglist{
  width: 7000px;
  height: 400px;
  margin-top: 2px;
}
#imglist img{
  width: 1130px;
  height: 352px;
}
#imglist li{
  float: left;
}

.jojo {
  width: 100%;
  height: 150px;
  margin-top: 30px;
  display: flex;
}

.jojo .xk {
  width: 300px;
  height: 150px;
  display: flex;
  margin-left: 60px;
  flex-wrap: wrap;
  background: #5d554e;
}

.jojo .xk .aa {
  display: flex;
  flex-wrap: wrap;
  width: 98px;
  height: 73px;
  border: 1px solid #625a53;
}

.jojo .xk .aa img {
  width: 30px;
  height: 30px;
  margin-left: 30px;
  margin-top: 10px;
}

.jojo .xk .aa p {
  margin-left: 15px;
  color: white;
}

.jojo .as1 {
  width: 20px;
  display: flex;
}

.jojo img {
  width: 400px;
  height: 150px;
  margin-left: 100px;
}

.the {
  background: #f5f5f5;
  width: 100%;
  height: 1900px;
  margin-top: 10px;
}

.the .xmsg {
  margin-left: 10px;
  font-size: 20px;
}

.the .xmsg .bntt {
  margin-left: 1500px;
}

.the .xmsg .bntt button {
  width: 30px;
  height: 20px;
  border: 1px solid #9fa0a3;
}

.the .gw {
  width: 100%;
  height: 300px;
  /* background: red; */
  display: flex;
}

.the .gw .gw1 {
  background: #f1eded;
  width: 270px;
  height: 300px;
  margin-left: 90px;
  border-top: 2px #ffa600 solid;
}

.the .gw .gw1 p {
  margin-left: 100px;
  margin-top: 40px;
  color: #ffa600;
}

.the .gw .gw1 img {
  margin-left: 80px;
  margin-top: 10px;
}

.the .gw .gw1 h4 {
  margin-left: 80px;
  margin-top: 20px;
}

.the .gw .gw1 .sj {
  margin-left: 60px;
  margin-top: 10px;
}

.the .gw .gw1 .sj .dian {
  width: 10px;
  background: #f1eded;
  color: #605751;
}

.the .gw .gw1 .sj div {
  float: left;
  width: 40px;
  height: 40px;
  margin-left: 1px;
  background: #605751;
  line-height: 40px;
  text-align: center;
  font-weight: 600;
  color: white;
  margin-top: 20px;
}

.the .gw .gw2 {
  background: #f9f9f9;
  width: 270px;
  height: 300px;
  margin-left: 10px;
  border-top: 2px #27f8ee solid;
}

.the .gw .gw2 img {
  margin-left: 100px;
  margin-top: 30px;
}

.the .gw .gw2 h4 {
  margin-left: 30px;
  margin-top: 10px;
}

.the .gw .gw2 p {
  margin-top: 10px;
  margin-left: 66px;
}

.the .gw .gw2 span {
  margin-top: 10px;
  margin-left: 115px;
  color: #ffa600;
  text-decoration: line-through;
}

.the .gw .gw3 {
  background: #f9f9f9;
  width: 270px;
  height: 300px;
  margin-left: 10px;
  border-top: 2px #f82727 solid;
}

.the .gw .gw3 img {
  margin-left: 50px;
  margin-top: 40px;
}

.the .gw .gw3 h4 {
  margin-left: 35px;
  margin-top: 25px;
}

.the .gw .gw3 p {
  margin-top: 10px;
  margin-left: 30px;
}

.the .gw .gw3 span {
  margin-top: 10px;
  margin-left: 115px;
  color: #ffa600;
  text-decoration: line-through;
}
.the .gw .gw4 {
  background: #f9f9f9;
  width: 270px;
  height: 300px;
  margin-left: 10px;
  border-top: 2px #72f3b7 solid;
}

.the .gw .gw4 img {
  margin-left: 80px;
  margin-top: 20px;
}

.the .gw .gw4 h4 {
  margin-left: 35px;
  margin-top: 15px;
}

;.the .gw .gw4 p {
  margin-top: 10px;
  margin-left: 45px;
}

.the .gw .gw4 span {
  margin-top: 10px;
  margin-left: 115px;
  color: #ffa600;
  text-decoration: line-through;
}
.the .gw .gw5 {
  background: #f9f9f9;
  width: 270px;
  height: 300px;
  margin-left: 10px;
  border-top: 2px #f8d227 solid;
}

.the .gw .gw5 img {
  margin-left: 80px;
  margin-top: 20px;
}

.the .gw .gw5 h4 {
  margin-left: 35px;
  margin-top: 15px;
}

.the .gw .gw5 p {
  margin-top: 10px;
  margin-left: 65px;
}

.the .gw .gw5 span {
  margin-top: 10px;
  margin-left: 115px;
  color: #ffa600;
  text-decoration: line-through;
}
.tui{
  margin: 30px;
}
.tui img{
  width: 100%;
}
.top2{
  margin: 10px;
}
.top2 span{
  margin-left: 1400px;
}
.top2 span button{
  width: 20px;
  height: 20px;
  margin-left: 5px;
  border-radius: 100%;
  border: 0px;
  background: #ababab;
  color: white;
}
.lli1{
  width: 100%;
  height: 715px;
  /* background: red; */
  display: flex;
}
.qw1{
  margin-left: 20px;
  display: flex;
  
}
.qw2{
  display: flex;
  flex-wrap: wrap;
}
.qw2 div{
  flex-wrap: wrap;
  margin-left: 20px;
  width: 300px;
  height: 340px;
  margin-top: 10px;
  background: white;
}
.qw2 div img{
  width: 280px;
  height: 260px;
}
.qw2 h4{
  margin-left: 25px;
}
.qw2 p{
  margin-left: 50px;
}
.ss{
  color: rgb(252, 166, 109);
}
.spy{
  width: 100%;
  height: 280px;
  /* background: red; */
  display: flex;
  margin-left: 50px;
}
.spy div{
  margin-left: 40px;
  height: 280px;
  background: white;
  width: 310px;
  position: relative;
}
.spy h4{
  margin-left: 120px;
  margin-top: 20px;
}
.spy p{
  margin-left: 120px;
}
.spy .bf{
  width: 30px;
  height: 20px;
  border: 2px solid white;
  border-radius: 10px;
  text-align: center;
  line-height: 20px;
  position: absolute;
  top: 159px;
  left: -30px;
  color: white;
  background-color: rgba(85, 0, 0, 0);
}

.base{
  width: 100%;
  height: 500px;
}

.base1{
  margin-left: 30px;
  display: flex;
  width: 1520px;
  height: 60px;
  border-bottom: 1px solid #ededed;
}
.base1 div{
  width: 200px;
  margin-left: 10px;
  line-height: 60px;
  margin-left: 90px;
  border-right: 1px solid #c2bfbd;
}
.base1 .mei{
border-right: 0px;
}

.base2{
  margin-top: 30px;
  width: 199%;
  height: 200px;
  display: flex;
}
.hh{
  font-weight: 700;
}
.base2 ul {
  margin-left: 120px;
}
.base2 ul li{
  margin-top: 20px;
}
.lou{
  margin-left: 100px;
  width: 300px;
}
.lou h2{
  margin-top: 30px;
  text-align: center;
  color: #ffb414;
}
.lou p{
text-align: center;
margin-top: 5px;
}
.lou div{
  color: #ffb414;
  width: 90px;
  border: 2px solid #ffb414;
  text-align: center;
  margin-left: 105px;
  margin-top: 10px;
}
.dibu{
  width: 100%;
  height: 200px;
}
.dibu p{
  margin-top: 5px;
}
.logdi{
  height: 200px;
  width: 140px;
  float: left;
}
.logdi img{

  width: 60px;
  height: 60px;
  margin-left: 60px;
  margin-right: 180px;
}
.sss img{
  width: 80px;
  height: 30px;
  margin-left:10px;
}